import React from 'react';

export default class Explore extends React.Component {
  render() {
    return (
      <div className="panel">
        <div className="hd">
          <h1 className="page_title">发现</h1>
        </div>
        <div className="bd">
          <div className="weui_panel weui_panel_access">
            <div className="weui_panel_hd">分类列表</div>
            <div className="weui_panel_bd">
              <div className="weui_media_box weui_media_text" style={{borderLeft: '5px solid #AB9364'}}>
                <h4 className="weui_media_title">uncategorized</h4>
                <p className="weui_media_desc">Topics that don't need a category, or don't fit into any other existing
                  category.</p>
                <ul className="weui_media_info">
                  <li className="weui_media_info_meta">文字来源</li>
                  <li className="weui_media_info_meta">时间</li>
                  <li className="weui_media_info_meta weui_media_info_meta_extra">其它信息</li>
                </ul>
              </div>
              <div className="weui_media_box weui_media_text" style={{borderLeft: '5px solid #B22222'}}>
                <h4 className="weui_media_title">movies</h4>
                <p className="weui_media_desc">Topics about movies and television, including reviews, news, commentary
                  and other discussion.</p>
                <ul className="weui_media_info">
                  <li className="weui_media_info_meta">文字来源</li>
                  <li className="weui_media_info_meta">时间</li>
                  <li className="weui_media_info_meta weui_media_info_meta_extra">其它信息</li>
                </ul>
              </div>
            </div>
            <a href="javascript:void(0);" className="weui_panel_ft">查看更多</a>
          </div>
        </div>
      </div>
    )
  }
}